<template>
	<view class="frame">
		<view class="allwrap" style="display: flex;flex-direction: column;">
		<view class="frame-block">
			<view style="flex: 1;">
				<view class="frame-title">员工名称提交的请假申请</view>
				<view class="frame-name">所在的部门名称</view>
				<view class="frame-audit" v-if="status == 0">审核中</view>
				<view class="frame-audit frame-audit-pass" v-if="status == 1">审批通过</view>
				<view class="frame-audit frame-audit-refuse" v-if="status == 2">审批已拒绝</view>
			</view>
			<image src="/static/work/in-review.png" style="width: 98rpx;height: 98rpx;" v-if="status == 0"></image>
			<image src="/static/work/pass.png" style="width: 98rpx;height: 98rpx;" v-if="status == 1"></image>
			<image src="/static/work/refuse.png" style="width: 98rpx;height: 98rpx;" v-if="status == 2"></image>
		</view>
		<view class="frame-block">
			<view>
				<view class="frame-title" style="font-size: 30rpx;color: #666666;">摘要</view>
				<view class="frame-content">所在的部门名称</view>
				<view class="frame-title" style="font-size: 30rpx;color: #666666;margin-top: 50rpx;">请假事由</view>
				<view class="frame-content">家里突发情况，需要回家处理</view>
			</view>
		</view>
		<view class="frame-block">
			<view style="width: 100%;">
				<view class="frame-title" style="font-size: 30rpx;">审批人：</view>
				<view class="flexal" style="margin-top: 20rpx;">
					<view class="frame-title" style="font-size: 30rpx;flex: 1;">审批人名称</view>
					<view style="font-size: 24rpx;color: #666666;">2024-09-15 12:00</view>
				</view>
				<view style="font-size: 24rpx;color: #666666;margin-top: 5rpx;">所在部门</view>
				
			</view>
		</view>
		<view class="flexal" style="position: fixed;bottom: 64rpx;" v-if="status == 0">
			<view class="button-frame flexcen" style="margin-left: 32rpx;">驳回</view>
			<view class="button-frame flexcen" style="background: #0052D9;color: #FFFFFF;margin-left: 22rpx;">通过</view>
		</view>
		</view>
		<!-- 电话提示滑动快 -->
		<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:2				//0:审核中  1:通过  2:已拒绝
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.frame{
		background: #F8F8F8;
		.frame-block{
			margin-top: 32rpx;
			padding: 32rpx;
			display: flex;
			border-radius: 32rpx 32rpx 32rpx 32rpx;
			background: #FFFFFF;
		}
		.frame-title{
			font-weight: 400;
			font-size: 36rpx;
			color: #000000;
		}
		.frame-name{
			margin-top: 10rpx;
			font-weight: 400;
			font-size: 20rpx;
			color: #999999;
		}
		.frame-audit{
			margin-top: 10rpx;
			font-weight: 400;
			font-size: 26rpx;
			color: #FF862A;
		}
		.frame-audit-pass{
			color: #26C215;
		}
		.frame-audit-refuse{
			color: #D54941;
		}
		.frame-content{
			margin-top: 29rpx;
			padding: 19rpx 32rpx;
			width: 622rpx;
			background: #F8F8F8;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			font-size: 30rpx;
			color: #000000;
		}
	}
	.button-frame{
		width: 300rpx;
		height: 89rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		border: 2rpx solid #0052D9;
		font-size: 32rpx;
		color: #0052D9;
	}
	
</style>
